<script setup lang="ts">
import DemoBox from '@/components/DemoBox/DemoBox.vue';
import src from './Using.vue?raw';
import Using from './Using.vue';
import PageLayout from '@/components/PageLayout.vue';

</script>

<template>
    <PageLayout>
        <DemoBox :code="src" title="基本用法">
            <Using />
            <template #description>
                按钮有五种类型：主按钮、次按钮、虚线按钮、文本按钮和链接按钮。主按钮在同一个操作区域最多出现一次。
            </template>
        </DemoBox>
    </PageLayout>
</template>

<style scoped lang="scss">
.time-picker-demo {
    display: flex;
    flex-direction: row;
    overflow: auto;

    .left {
        flex: 1;
        overflow: auto;
        padding: 30px;
    }

    .right {
        width: 260px;
    }
}
</style>
